<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@include file="/pageRc/common/common.jsp"%>

<!DOCTYPE html>
<html lang="en" style="overflow-x: hidden">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="msapplication-tap-highlight" content="no">

<link rel="stylesheet" href="<%=commonPath%>/pageRc/layui/css/layui.css"
	media="all">
<script type="text/javascript"
	src="<%=commonPath%>/pageRc/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript"
	src="<%=commonPath%>/pageRc/common/utils.js"></script>
<script type="text/javascript"
	src="<%=commonPath%>/pageRc/common/msgTool.js"></script>
<script type="text/javascript"
	src="<%=commonPath%>/pageRc/layui/layui.js"></script>

<title>项目奖金计算分析详细信息</title>

<script>
	$(function(){
	 
 	})
	//注意：选项卡 依赖 element 模块，否则无法进行工能性操作
	layui.use('element', function() {
		var element = layui.element();

		//…
	});
</script>
<jsp:include page="publicMethod.jsp" />
</head>
<body class="layui-main" style="width: 100%;">
	<blockquote class="layui-elem-quote">项目奖金计算分析详细信息</blockquote>
		<form id="createMsgForm" name="createMsgForm" class="layui-form"
			action="">
			<div class="layui-form-item" id="dateDiv">
				<div class="layui-inline">
					<table class="layui-table"  lay-even="" lay-skin="line"
						style="text-align: center;width: 100%;">
						<colgroup>
							<col width="5%">
							<col width="30%">
							<col width="10%">
							<col width="5%">
							<col width="5%">
							<col width="5%">
						</colgroup>
						<thead>
							<tr>
								<th>序号</th>
								<th>需求名称</th>
								<th>姓名</th>
							 	<th>开始报工时间</th> 
								<th>截至报工时间</th>
								<th>间隔天数</th>
								<th>实际填报天数</th>
							</tr>
						</thead>
						<tbody id="detailDiv">

						</tbody>
						 <c:forEach begin="0"   varStatus="status" items="${detailInfoList }" var="x">
						 <tr align="left">
						 		   <td>${status.index+1}</td>
								   <td>${x.needName==undefined?'':x.needName}</td>
								   <td>${x.userName==undefined?'':x.userName}</td>
								   <td>${x.bgnWorkDate==undefined?'':x.bgnWorkDate}</td> 
								   <td>${x.endWorkDate==undefined?'':x.endWorkDate}</td>
								   <td>${x.spaceDate==undefined?'':x.spaceDate}</td>
								   <td><a href="javascript:void(0)" onclick="searchByNeedIdAndUserNo('${x.needId}','${x.userNo}')"><u>${x.realDate==undefined?'':x.realDate=='0'?'1':x.realDate}天</u></a></td>
 						 </tr>
 						 </c:forEach>
					</table>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-inline">
					<div id="laypageDiv"></div>
				</div>
			</div>
		</form>
	</div>
	<!-- <input id="bindStat" type="hidden" name="bindStat" value="">
	<input id="zhifuStat" type="hidden" name="zhifuStat" value="">
	<input id="sunRedio" type="hidden" name="sunRedio" value="0"> -->
</body>
<script type="text/javascript">
var path="<%=commonPath%>";
	var msg = new msgTool();
	layui.use([ 'form', 'layer', 'laytpl', 'laypage', 'laydate' ],
	function() {
	var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
						var form = layui.form(), layer = layui.layer, laypage = layui.laypage, laytpl = layui.laytpl;




});
	function searchByNeedIdAndUserNo(needId,userNo) {
		layer.open({
		 type: 2,
		 title:"详细信息",
		 area: ['95%', '95%	'],
		 scrollbar: false,
		 content: '<%=commonPath%>/page/main/' + needId+ '/searchByNeedIdAndUserNo.do?userNo='+userNo,
		success : function(layero, index) {
		},
		end : function() {
		}
	});
}
</script>
</html>